<%--
  Created by IntelliJ IDEA.
  User: Chentuo
  Date: 2023/1/10
  Time: 19:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    int change = 2;
%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>图书管理-登录</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="../assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="../assets/css/app.css">
    <script src="../assets/js/jquery.min.js"></script>
    <style>
        .login_title1{
            font-family: "得意黑", sans-serif;
            color: #ffffff;
        }
        .login_title2{
            font-family: "得意黑", sans-serif;
            color: #000000;
        }
    </style>
</head>

<body id="BD" data-type="login">
<script src="../assets/js/theme.js"></script>
<div class="am-g tpl-g">
    <!-- 风格切换 -->
    <div class="tpl-skiner">
        <div class="tpl-skiner-toggle am-icon-cog">
        </div>
        <div class="tpl-skiner-content">
            <div class="tpl-skiner-content-title">
                选择主题
            </div>
            <div class="tpl-skiner-content-bar">
                <span onclick="aa()" class="skiner-color skiner-white" data-color="theme-white"></span>
                <span onclick="aa()" class="skiner-color skiner-black" data-color="theme-black"></span>
            </div>
        </div>
    </div>
    <div class="tpl-login">
        <div class="tpl-login-content">
            <%--<div class="tpl-login-logo">

            </div>--%>
            <div class="login_title2" id="login-title">图书管理系统</div>



            <form class="am-form tpl-form-line-form" id="fm-login">
                <div class="am-form-group">
                    <input type="text" class="tpl-form-input" id="name" name="name" placeholder="请输入账号">

                </div>

                <div class="am-form-group">
                    <input type="password" class="tpl-form-input" id="pwd" name="pwd" placeholder="请输入密码">

                </div>
                <div class="am-form-group tpl-login-remember-me">
                    <input id="remember-me" type="checkbox">
                    <label for="remember-me">

                        记住密码
                    </label>
                </div>
                <div class="am-form-group">
                    <button type="button" class="am-btn am-btn-primary  am-btn-block tpl-btn-bg-color-success  tpl-login-btn" id="bt-login">提交</button>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/app.js"></script>
<script src="../assets/js/jquery-3.3.1.min.js"></script>
<script>
    $("#bt-login").click(function (){
        var inputData = $("#fm-login").serialize();
        //alert(inputData);
        $.ajax({
            type:"post",
            url:"<%=path%>/admin/AdminLoginServlet.do",
            data:inputData,
            success:function (result){
                var jsonResult = $.parseJSON(result);
                //alert(jsonResult.state);

                if (jsonResult.state==1000){
                    window.location.href="<%=path%>/admin/jsp/index.jsp";
                }else {
                    alert(jsonResult.msg);
                }
            }
        })
    })
</script>
<script>
    function aa(){
        if ($("#BD").attr("class")=="theme-white") {        //获取到body的class值,判断当前主题
            $("#login-title").removeClass("login_title2");
            $("#login-title").addClass("login_title1");     //将字体颜色修改为白色
        }else {
            $("#login-title").removeClass("login_title1");
            $("#login-title").addClass("login_title2");     //将字体颜色修改为黑色
        }
    };

</script>
</body>

</html>